body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
  padding: 0;
  margin: 0;
  color: #464646;
}

body{
  margin: 0 auto;
  width : 100%;
  max-width: 500px;
}

a{
  text-decoration:none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  &:hover,&:avtive,&:link,&:visited {
    outline: 0;
    text-decoration: none;
  }
}
li{
  display: block;
  list-style-type: none;
  background: none;
  -webkit-tap-highlight-color : transparent;
  &:hover,&:avtive,&:link,&:visited {
    outline: 0;
    text-decoration: none;
  }
}
table {
  border-spacing: 0;
}
fieldset,img {
  border: 0;
}
address,caption,cite,code,dfn,em,strong,var {
  font-weight: normal;
  font-style: normal;
}
ol,ul {
  list-style: none;
}


.f-oh{
  overflow: hidden;
}
.f-fl{
  float: left;
}
.f-fr{
  float: right;
}
.f-db{
  display: block;
}
.f-ib{
  display: inline-block;
}
.f-tac{
  text-align: center;
}
.f-tal{
  text-align: left;
}
//change to rem
$baseFontSize : 75;
@mixin px1rem($name,$px){
  #{$name} : $px / $baseFontSize * 1rem;
}
%boxSizing{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
@mixin borderRadius($radius){
  @include px1rem(border-radius,$radius);
  @include px1rem(-webkit-border-radius,$radius);
  @include px1rem(-moz-border-radius,$radius);
}